body, p, li, a { font-family: georgia, times, serif;font-size:13pt;}
h1, h2, h3 { font-family: 'Yanone Kaffeesatz', arial, serif; }
body { margin:0;padding:0;}
#hd {
	width : 100%;
	height : 87px;
	background-color : #092E67;
	margin-top : 0;
	border-bottom : 1px solid #888;
	z-index : 0;
}
#hd a{
 color:white;
}
#ft {

    text-align: center;
    padding-top:10px;
    color : black;
    font-size: 10.5pt;

/*	position : absolute;
	width : 100%;
	height : 99px;
	background-color : #6493D2;
	border-top : 1px solid #888;
	z-index : 0;*/
}

#localisation {
    float:right;
    width: 100px;
    margin-right: -65px;
    margin-top:-10px;
    /*font-size: 30px;*/
}

#logo,#bd {
	width : 85%;
	margin: 0 auto;
	padding: 20px 50px 0 50px;
}
#logo h1 {
	color : white;
	font-size:28pt;
	display: inline;
        margin-top:-5px !important;
}
#logo h1 span{
    font-size:16pt;
    color: black;
}

body { margin-top : 0; padding-top : 0;}

#bd {
	top : 75px;
	bottom : 75px;
	z-index : 1;
	overflow: auto;
	background-color : #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;
        min-height: 500px; 
        padding-bottom: 20px;
        margin-top:10px;
}
a, a:visited, a:hover, a:active {
	color : #6493D2;
}
h1{
    font-size: 19pt;
}

h2 {
        color : #092E67;
	font-size: 26pt;
	display: inline;
        position:relative;
        top: 50px;
}

h3 {
	padding : 0;
	font-size:20pt;
	color:#092E67;
        /*padding-top: 10%;
        padding-bottom: 10%;*/
        position:relative;
        top: 130px;
}

label {
        display: block;
	font-weight: 700;
	line-height: 1.6em;
	margin-bottom:2px;
	letter-spacing:0.5px;
	color:#666666;
        clear:both;
        font-size: 12px;
}

#login label{
    display: inline;
    color: black;
    margin-right: 10px;
}

#reserveBook{
    cursor: pointer; 
    text-decoration: underline;
}

select {
    display:inline;
    width:165px;
    padding:3px;
}

select option{
    margin:3px;
}
input, select{
	border: 1px solid #cecece;
	letter-spacing:0.5px;
	padding:3px;
        outline:none; /* Preventing the default Safari and Chrome text box highlight */
        margin-bottom:15px;
}
input:focus,input:hover, select:focus, select:hover{
	-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}
input[type='submit']{
   margin:30px 0;  
   width:auto !important;
   display:inline;
   background: #092E67;
   color:white; 
}
input[type='submit']:hover{
    opacity: 0.9;
}
#menu {
    float:right;
    margin-right: 100px;
    margin-top:-5px;
}
#login{
    clear: both;
    float:right;
    margin-right: -20px;
    margin-top: 10px;
}
table {
	font-size:85%;
	text-align: center;
        margin-bottom:50px;
}
table tr th{
	background-color: #6F0000; /*a41600*/
	border: 1px solid #FFF;
	padding: 4px;
	color:white;
}
table tr td {
	color: #3D3D3D;
	padding: 6px 11px;
	background-color: #FFF;
	vertical-align: middle;
}
table tr.alt td {
	background-color: #F0F0F6;
}
table tr.over td {
	background-color: LavenderBlush;
}
input.error, select.error{
	background: #f8dbdb;
	border-color: #e77776;
        -moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
        opacity: 0.5 !important;
}
span.error{
	color: #a41600;
	text-shadow:1px 1px 0 #fbfbfb;
        font-size: 11px; 
}
.incorrect, .incorrect:hover,
.incorrect1, .incorrect1:hover,
.incorrect2, .incorrect2:hover,
.incorrect3, .incorrect3:hover, 
.incorrect4, .incorrect4:hover, 
.incorrect5, .incorrect5:hover, 
.incorrect6, .incorrect6:hover,
.incorrect7, .incorrect7:hover
{
	background: #cecece !important;
        -moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
        opacity: 0.5 !important;
}
.loginSpan{
    cursor: pointer;
    text-decoration: underline;
    color: white;
    
}